<template>
  <div>
    
    <div class="ddd">
      <div><img src="@/assets/t1.png" alt=""> 预约试驾</div>
      <div><img src="@/assets/t2.png" alt="">在线购车</div>
      <div><img src="@/assets/t3.png" alt="">查找经销商</div>
    </div>
  </div>
</template>

<style>

.ddd {
  position: fixed;
  top: 450px;
  left: 50%;
  margin-left: 520px;
  z-index: 20;
}
  .ddd>div{
         background-color: rgba(13, 13, 13,0.5);
         margin-top: 20px;
         text-align: right;
         width: 40px;
         height: 40px;
         font-size: 0%;
         margin-left: 387px;
         position: relative;
         color:#fff;
        cursor: pointer;
       }
.ddd > div>img{
  width: 40px;
  
  position: absolute;
  top: 0;
  left: 0;
}
.ddd > div:hover {
  width: 120px;
  font-size: 20px;
  text-align: left;
  line-height: 40px;
  margin-left: 280px;
 
  padding-left: 40px;
}
</style>